<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浏览器对象模型BOM</title>
</head>
<body>
    <script>
        // 1 BOM 的组成
            // window 浏览器窗口   核心
            // location url地址
            // history  历史记录
            // document 页面文档
            // screen  屏幕
            // navigator  
    
        // window  表示浏览器的一个窗口或框架，是BOM的核心对象，包含了文档对象（DOM)
        // 所有在全局声明的变量和函数，自动成为 window 对象的属性和方法。
        // 作用域: 全局 和 局部 【以函数为界 函数内部就是局部的】
        
        // window 上的方法
        // alert()
        // confirm()
        // prompt()
        // open(url,target)  打开一个窗口
        // close()  关闭
        // window.open("http://www.sina.com.cn")
        // setInterval()  间歇调用  即  添加定时器   即 间隔多个执行一次
            //  返回值:  唯一的id 【是数值型】
        // 希望 再控制台 每间隔3s执行一次 ++操作
        // setTimeout()   超时调用  即  超过某个时间段去执行
        // clearInterval()  清除定时器
        // var time = 0;
        // var timer = setInterval(function(){
        //     time++
        //     console.log(time)
        // } , 1000)
        // console.log(timer)

        // var timer2 = setInterval(function(){
        //     time++
        //     console.log(time)
        // } , 1000)
        // console.log(timer2)
        // setTimeout(function(){
        //     console.log("say hello")
        //     clearInterval( timer )
        // } , 5000)

        // location 对象  url部分
        // 一个完整的url 涵盖如下内容
        // 协议 http   https
        // 域名 www.baidu.com
        // 端口号 80
        // 路径名称  xxx/xxx/xxx.html
        // 查询部分  ?cityId=1&cityName=北京
        // 锚部分  #xxx

            console.log(location)
    </script>
</body>
</html>